<template>
    <div>
        <el-dialog
                title="产品详情"
                :visible.sync="dialogshow"
                :before-close="dialogClose"
                style="display: none"
                top="10vh"
                width="90%"
                :fullscreen="fullscreen"
        >
            <dialog-tools
                    v-bind:back="true"
                    v-bind:next="true"
                    v-bind:goback="true"
                    v-bind:prev="true"
                    v-bind:screen="true"
                    @clickfullscreen="clickfullscreen"
            >
            </dialog-tools>

            <el-tabs
                    class="tabs-table product-tabs"
                    type="border-card"
            >
                <el-tab-pane label="基本信息">
                    <el-row>
                        <el-col :span="21"
                        >
                            <el-row>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">款号:</div>
                                    <div class="span-info">Eadt</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">物品名称:</div>
                                    <div class="span-info">豪华婚戒</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">物品类别:</div>
                                    <div class="span-info">戒指</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">规格尺寸/手寸:</div>
                                    <div class="span-info">48</div>
                                </el-col
                                >
                            </el-row>
                        </el-col>
                        <el-col :span="3">

                            <div class="span-lable">出货金额 :</div>
                            <div class="span-info">10000元</div>


                        </el-col>
                    </el-row>

                    <el-divider></el-divider>

                    <el-row>
                        <div @click="showTableZs = !showTableZs"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            >
                                <div class="span-lable">主石:</div>
                                <div class="span-info">3种</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总数量:</div>
                                <div class="span-info">10粒</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">主石总价 :</div>
                                <div class="span-info">50000元</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总镶石费:</div>
                                <div class="span-info">2000元</div>
                            </el-col
                            >

                            <el-col :span="1" :offset="5"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div>
                            </el-col
                            >

                        </div>
                    </el-row>


                    <el-table
                            v-if="showTableZs"
                            ref="multipleTable"
                            stripe
                            :data="tableDataZs"
                            :show-summary="false"
                            border
                            show-summary
                            row-class-name="tableRow"
                            header-row-class-name="tableHeader"
                            :highlight-current-row="true"
                            style="width: 100%; border-top: 1px solid #c5c5c5"
                    >
                        <el-table-column
                                prop="id"
                                label="序号"
                                width="50"
                        ></el-table-column>
                        <el-table-column
                                prop="name"
                                label="主石"
                                sortable
                        ></el-table-column>
                        <el-table-column prop="kfgh" label="客户提供">
                        </el-table-column>
                        <el-table-column prop="smjz" label="声明价值">
                        </el-table-column>
                        <el-table-column prop="xz" label="形状"></el-table-column>

                        <el-table-column prop="ys" label="色泽/颜色"></el-table-column>
                        <el-table-column
                                prop="jd"
                                label="净度"
                                width="50"
                        ></el-table-column>

                        <el-table-column prop="qg" label="切工"></el-table-column>
                        <el-table-column
                                prop="number"
                                label="数量"
                                width="50"
                        ></el-table-column>
                        <el-table-column
                                prop="ct"
                                label="CT（克拉重）"
                        ></el-table-column>

                        <el-table-column prop="zsdj" label="主石单价"></el-table-column>
                        <el-table-column prop="zszj" label="主石总价"></el-table-column>
                        <el-table-column prop="xsfdj" label="镶石费单价">
                        </el-table-column>
                        <el-table-column prop="xsfzj" label="镶石费总价">
                        </el-table-column>

                        <el-table-column
                                prop="price_sum"
                                label="总价"
                        ></el-table-column>
                    </el-table>
                    <el-divider></el-divider>

                    <el-row>
                        <div @click="showTableFs = !showTableFs"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            >
                                <div class="span-lable">副石:</div>
                                <div class="span-info">3种</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总数量:</div>
                                <div class="span-info">10粒</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">副石总价 :</div>
                                <div class="span-info">50000元</div>
                            </el-col
                            >

                            <el-col :span="3"
                            >
                                <div class="span-lable">总镶石费:</div>
                                <div class="span-info">2000元</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总配石费:</div>
                                <div class="span-info">2000元</div>
                            </el-col
                            >

                            <el-col :span="1" :offset="2"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div>
                            </el-col
                            >

                        </div>
                    </el-row>

                    <el-row
                    >
                        <el-col :span:="24">
                            <el-table
                                    v-if="showTableFs"
                                    ref="multipleTable"
                                    stripe
                                    :data="tableDataFs"
                                    :show-summary="false"
                                    border
                                    show-summary
                                    row-class-name="tableRow"
                                    header-row-class-name="tableHeader"
                                    :highlight-current-row="true"
                                    @row-dblclick="dialogClose"
                                    style="width: 100%; border-top: 1px solid #c5c5c5"
                            >
                                <el-table-column
                                        prop="id"
                                        label="序号"
                                        width="50"
                                ></el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="副石"
                                        sortable
                                ></el-table-column>
                                <el-table-column prop="kfgh" label="客户提供">
                                </el-table-column>
                                <el-table-column prop="xz" label="形状"></el-table-column>

                                <el-table-column
                                        prop="ys"
                                        label="色泽/颜色"
                                ></el-table-column>
                                <el-table-column
                                        prop="jd"
                                        label="净度"
                                        width="80"
                                ></el-table-column>

                                <el-table-column prop="qg" label="切工"></el-table-column>
                                <el-table-column
                                        prop="number"
                                        label="数量"
                                        width="50"
                                ></el-table-column>
                                <el-table-column
                                        prop="ct"
                                        label="CT（克拉重）"
                                ></el-table-column>

                                <el-table-column
                                        prop="zsdj"
                                        label="副石单价"
                                ></el-table-column>
                                <el-table-column
                                        prop="zszj"
                                        label="副石总价"
                                ></el-table-column>
                                <el-table-column prop="psf" label="配石费"></el-table-column>
                                <el-table-column prop="xsfdj" label="镶石费单价">
                                </el-table-column>
                                <el-table-column prop="xsfzj" label="镶石费总价">
                                </el-table-column>

                                <el-table-column
                                        prop="price_sum"
                                        label="总价"
                                ></el-table-column>
                            </el-table>
                        </el-col
                        >
                    </el-row>
                    <el-divider></el-divider>
                    <el-row>
                        <div @click="showTableJs = !showTableJs"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            >
                                <div class="span-lable">金属:</div>
                                <div class="span-info">3种</div>
                            </el-col
                            >

                            <el-col :span="3"
                            >
                                <div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">金属总价 :</div>
                                <div class="span-info">50000元</div>
                            </el-col
                            >


                            <el-col :span="1" :offset="11"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >

                            <el-col :span="3"
                            >
                                <div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div>
                            </el-col
                            >

                        </div>
                    </el-row>
                    <el-row
                    >
                        <el-col :span:="24">
                            <el-table
                                    v-if="showTableJs"
                                    ref="multipleTable"
                                    stripe
                                    :data="tableDataJs"
                                    :show-summary="false"
                                    border
                                    show-summary
                                    row-class-name="tableRow"
                                    header-row-class-name="tableHeader"
                                    :highlight-current-row="true"
                                    @row-dblclick="dialogClose"
                                    style="width: 100%; border-top: 1px solid #c5c5c5;"
                            >
                                <el-table-column
                                        prop="id"
                                        label="序号"
                                        width="50"
                                ></el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="金属"
                                        sortable
                                ></el-table-column>
                                <el-table-column prop="kfgh" label="客户提供">
                                </el-table-column>
                                <el-table-column prop="ssjj" label="实时金价（克）"></el-table-column>
                                <el-table-column prop="cs" label="成色"></el-table-column>
                                <el-table-column prop="dw" label="单位"></el-table-column>
                                <el-table-column
                                        prop="ys"
                                        label="色泽/颜色"
                                ></el-table-column>

                                <el-table-column prop="jjz" label="净金重（克）"></el-table-column>
                                <el-table-column prop="shl" label="损耗率%"></el-table-column>
                                <el-table-column prop="lhz" label="连耗重（克）"></el-table-column>
                                <el-table-column
                                        prop="gjszj"
                                        label="金属总价"
                                ></el-table-column>

                                <el-table-column
                                        prop="price_sum"
                                        label="总价"
                                ></el-table-column>
                            </el-table>
                        </el-col
                        >
                    </el-row>
                    <el-divider></el-divider>
                    <el-row>
                        <div @click="showTablePj = !showTablePj"
                             style="cursor:point"
                        >
                            <el-col :span="3"
                            >
                                <div class="span-lable">配件:</div>
                                <div class="span-info">3种</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总数量 :</div>
                                <div class="span-info">10件</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总重量 :</div>
                                <div class="span-info">200.005克拉</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">总工费 :</div>
                                <div class="span-info">200.005克拉</div>
                            </el-col
                            >
                            <el-col :span="3"
                            >
                                <div class="span-lable">配件总价 :</div>
                                <div class="span-info">50000元</div>
                            </el-col
                            >

                            <el-col :span="1" :offset="5"
                            >
                                <el-button type="text" icon="el-icon-view">查看</el-button>
                            </el-col
                            >

                            <el-col :span="3"
                            >
                                <div class="span-lable">小计 :</div>
                                <div class="span-info">52000元</div>
                            </el-col
                            >

                        </div>
                    </el-row>

                    <el-row
                    >
                        <el-col :span:="24">
                            <el-table
                                    v-if="showTablePj"
                                    ref="multipleTable"
                                    stripe
                                    :data="tableDataPj"
                                    :show-summary="false"
                                    border
                                    show-summary
                                    row-class-name="tableRow"
                                    header-row-class-name="tableHeader"
                                    :highlight-current-row="true"
                                    @row-dblclick="dialogClose"
                                    style="width: 100%; border-top: 1px solid #c5c5c5"
                            >
                                <el-table-column
                                        prop="id"
                                        label="序号"
                                        width="50"
                                ></el-table-column>
                                <el-table-column
                                        prop="name"
                                        label="配件"
                                        sortable
                                ></el-table-column>
                                <el-table-column prop="kfgh" label="客户提供">
                                </el-table-column>
                                <el-table-column
                                        prop="namegjs"
                                        label="材质"
                                        sortable
                                ></el-table-column>
                                <el-table-column prop="jjfs" label="计价方式"></el-table-column>
                                <el-table-column prop="cs" label="成色%"></el-table-column>
                                <el-table-column prop="ys" label="颜色"></el-table-column>


                                <el-table-column prop="ggcc" label="规格尺寸"></el-table-column>
                                <el-table-column prop="number" label="数量"></el-table-column>
                                <el-table-column prop="hz" label="货重（克/件）"></el-table-column>
                                <el-table-column prop="zhz" label="总货重（克）"></el-table-column>
                                <el-table-column
                                        prop="pjdj"
                                        label="配件单价（克/件）"
                                ></el-table-column>
                                <el-table-column
                                        prop="pjzj"
                                        label="配件总价"
                                ></el-table-column>
                                <el-table-column
                                        prop="gfdj"
                                        label="工费单价（克/件）"
                                ></el-table-column>
                                <el-table-column
                                        prop="gfzj"
                                        label="工费总价"
                                ></el-table-column>
                                <el-table-column
                                        prop="price_sum"
                                        label="总价"
                                ></el-table-column>

                            </el-table>
                        </el-col
                        >
                    </el-row>
                    <el-divider></el-divider>
                    <el-row>
                        <el-col :span="18">
                            <el-row>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">设计费:</div>
                                    <div class="span-info">1000元</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">起版费:</div>
                                    <div class="span-info">1000元</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">改版费:</div>
                                    <div class="span-info">1000元</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">基本工费:</div>
                                    <div class="span-info">1000元</div>
                                </el-col
                                >
                                <el-col :span="4"
                                >
                                    <div class="span-lable">加急费:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">风险费:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">证书费:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">包装盒费:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">物流费:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">其它费用:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                                <el-col :span="4"
                                >
                                    <div class="span-lable">税率:</div>
                                    <div class="span-info">0.6%
                                    </div
                                    >
                                </el-col>
                                <!-- <el-col :span="3"
                                  ><div class="span-lable">是否含税:</div>
                                  <div class="span-info">是</div
                                ></el-col> -->
                                <el-col :span="4"
                                >
                                    <div class="span-lable">税费:</div>
                                    <div class="span-info">1000元
                                    </div
                                    >
                                </el-col>
                            </el-row>
                        </el-col>
                        <el-col :span="3" :offset="3">
                            <div class="span-lable">小计:</div>
                            <div class="span-info">10000元
                            </div
                            >
                        </el-col>

                    </el-row>
                </el-tab-pane>
                <el-tab-pane label="图片/视频"></el-tab-pane>
                <el-tab-pane label="产品信息"></el-tab-pane>
                <el-tab-pane label="产品文案"></el-tab-pane>
                <el-tab-pane label="订单记录"></el-tab-pane>
            </el-tabs>

            <div slot="footer" class="dialog-footer">
                <!-- <el-dropdown style="float:left;margin-left: 15px" >
                            <el-button>
                                关联数据<i class="el-icon-arrow-down el-icon--right"></i>
                            </el-button>
                            <el-dropdown-menu slot="dropdown">
                                <el-dropdown-item>设计图</el-dropdown-item>
                                <el-dropdown-item>客来石</el-dropdown-item>
                                <el-dropdown-item>客来金</el-dropdown-item>
                                <el-dropdown-item>其它...</el-dropdown-item>
                            </el-dropdown-menu>
                        </el-dropdown> -->
                <!-- <el-button type="primary" @click="dialogGenjiAdd=true">继续跟进</el-button> -->
                <el-button @click="dialogClose">关闭</el-button>
                <el-button type="primary" @click="handleButtons(31)">选择默认</el-button>
            </div>
        </el-dialog>
        <caozuojilu-list
                v-bind:dialogshow="dialogCustomerEdit"
                @dialog_close="dialog_close_customer_edit"
        ></caozuojilu-list>


        <search-product-and-baojia
                v-bind:dialogshow="dialogSearchProductAndBaojia"
                @dialog_close="dialog_close_search_productandbaojia"
        ></search-product-and-baojia>
    </div>
</template>
<style scoped>
    .product-tabs .el-row {
        margin-top: 10px;
        margin-bottom: 10px;
    }

    .product-tabs .el-divider--horizontal {
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .el-tab-pane {

        padding-bottom: 20px;
    }

    .span-lable,
    .span-info {
        display: inline-table;
        vertical-align: -webkit-baseline-middle;
    }

    .span-lable {
        text-align: right;
        width: 100px;
    }

    .span-info {
        margin-left: 10px;
    }

    .tabs-table td {
        height: 50px;
        border-bottom: 1px solid #dcdfe6;
    }

    .customer-tabs .el-tab-pane {
        height: 400px;
        overflow: auto;
        padding: 20px;
    }
</style>
<script>
  module.exports = {
    methods: {
      dialogAdd () {
        this.$confirm('是否继续操作?', '提示', {
          confirmButtonText: '确定',
          cancelButtonText: '取消',
          type: 'warning',
        })
          .then(() => {
            this.$message({
              type: 'success',
              message: '操作成功!',
            })
          })
          .catch(() => {
            this.$message({
              type: 'info',
              message: '已取消',
            })
          })
      },
      dialogClose () {
        this.$emit('dialog_close', 1)
      },
      clickfullscreen () {
        this.fullscreen = !this.fullscreen
      },
      //跟进
      dialog_close_genjin_add (val) {
        console.log(val)
        this.dialogGenjiAdd = false
      },
      //跟进
      dialog_close_customer_edit (val) {
        console.log(val)
        this.dialogCustomerEdit = false
      },
      handleButtons (val) {
        console.log(2222)
        switch (val) {
          case 1:
            this.dialogSendMessage = 'true'
            console.log(this.dialogSendMessage)
            break

          case 10:
            console.log(333)
            this.dialogCustomerInfo = 'false'
            this.dialogGenjiAdd = 'true'
            console.log(this.dialogGenjiAdd)
            break

          case 31:
            console.log(333);
            this.dialogSearchProductAndBaojia = true;
            console.log(this.dialogSearchProductAndBaojia);
            break;

        }
      },
      dialog_close_search_productandbaojia(val){
        console.log(val);
        this.dialogSearchProductAndBaojia = false;
      },
    },
    props: ['dialogshow'],
    data () {
      return {
        dialogSearchProductAndBaojia:false,
        showTableZs: false,
        showTableFs: false,
        showTableJs: false,
        showTablePj: false,
        activeName: 'first',
        dialogSendMessage: false,
        dialogCustomerInfo: false,
        dialogGenjiAdd: false,
        // dialogshow:false,
        Sendmssages: {
          address: '',
          customercate: '',
          cate: '',
          nickname: '',
          creditrank: '',
          name: '',
        },
        tableDataZs: [
          {
            id: '1',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '否',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '钻石',
            smjz: '40000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '圆形',
            qg: '一般',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '钻石',
            smjz: '50000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '4',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataFs: [
          {
            id: '1',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '否',
            psf: '120',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '红宝石',
            smjz: '40000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '5.005',
            xz: '圆形',
            qg: '一般',
            kfgh: '是',
            psf: '120',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '钻石',
            smjz: '50000',
            number: '2',
            ys: 'D',
            jd: 'FL',
            ct: '1',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            psf: '130',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
          {
            id: '4',
            name: '钻石',
            smjz: '20000',
            number: '1',
            ys: 'D',
            jd: 'FL',
            ct: '1231',
            xz: '公主方',
            qg: '完美',
            kfgh: '是',
            psf: '150',
            xsfdj: '100',
            xsfzj: '100',
            zsdj: '10000',
            zszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataJs: [
          {
            id: '1',
            name: '黄金',
            kfgh: '否',
            cs: '99%',
            ys: '黄',
            jjz: '121',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            ssjj: '10000',
            shl: '3',
            lhz: '4',
            gjszj: '20000',
            price_sum: '10000',
          },
        ],
        tableDataPj: [
          {
            id: '1',
            name: '配件1',
            namegjs: '黄金',
            kfgh: '否',
            cs: '99%',
            ys: '黄',
            jjz: '1231',
            gfdj: '234',
            gfzj: '444',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '2',
            name: '配件2',
            namegjs: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
          {
            id: '3',
            name: '配件3',
            namegjs: '铂金',
            kfgh: '是',
            cs: '99%',
            ys: '白',
            jjz: '1231',
            gjsdj: '10000',
            gjszj: '20000',
            price_sum: '10000',
          },
        ],

        fullscreen: false,
      }
    },
    components: {
      'dialog-tools': 'url:../tools/dialog-tools.vue',
      "search-product-and-baojia": "url:./search-product-and-baojia.vue",
      // 'genjin-jilu': 'url:../data/genjin-jilu.vue',
      // 'genjin-add': 'url:./genjin-add.vue',
      // 'customer-edit': 'url:./customer-edit.vue',
    },
  }
</script>
